<div id="rpt_detail">
    <div class="wrapper">
        <div class="box">
            <div class="top_line">
                <div>
                    <span>还款人:</span>
                    <span class="name" ng-bind='repayData.applyUserName'>孙悟空</span>
                </div>
                <div>
                    <span class="text">贷款总额:</span>
                    <span class="pri" ng-bind='repayData.debtAmount'>30000</span>
                    <span>元</span>
                </div>
            </div>
            <div class="bottom_line">
                <div>
                    <p class="text">当前期次</p>
                    <span class="yuan">第</span>
                    <span class="period" ng-bind='repayData.currPeriod'>6</span>
                    <span class="yuan">期</span>
                </div>
                <div>
                    <p class="text">本期应还(元)</p>
                    <span class="pri" ng-bind="repayData.currToRepayAmt | number:2">26000</span>
                </div>
                <div>
                    <p class="text">本期已还(元)</p>
                    <span class="pri" ng-bind="repayData.currRepayedAmt | number:2">3000</span>
                </div>
                <div>
                    <p class="text">本期还需还款(元)</p>
                    <span class="pri" ng-bind="repayData | filterDiffer">3000</span>
                </div>
            </div>
            <div class="form_head">
                <h4>还款明细表</h4>
                <ul>
                    <li>还款日期</li>
                    <li>当前期次</li>
                    <li>本次已还(元)</li>
                    <li>还需偿还(元)</li>
                </ul>
            </div>
            <div class="rpt_dtl_tbl">
                <ul ng-repeat='data in repayDetailList track by $index'>
                    <li class="date" ng-bind='data.repayDate | formatDate'>2016-01-01</li>
                    <li class="period">
                        <span>第</span>
                        <span class="no" ng-bind="data.currPeriod">1</span>
                        <span>期</span>
                    </li>
                    <li class="rpt">
                        <!-- <span>元</span> -->
                        <span class="no" ng-bind="data.repayAmount | number:2">5000</span>
                    </li>
                    <li class="rpt_left">
                        <!-- <span>元</span> -->
                        <span class="no" ng-bind="data.needRepayAmount | number:2">25000</span>
                    </li>
                </ul>
                <div>
                	<p ng-repeat="list in waitConfirmList track by $index">您有一笔{{list.repayAmount}}元的还款申请，等待收款确认。
                    	<a ng-click="checkDetail(list)">点击查看详情</a>
                	</p>
                </div>
                
            </div>
        </div>
        <div class="sbt_bt_component" ng-click="goRepay()">
            <div class="up">我要还款</div>
        </div>
    </div>
    <!-- 加上 slide_up 向上滑出 -->
    <div class="pay_pal" ng-class='{"slide_up": isslide_up}'>
        <!-- 加上 slide_left 向左滑 slide_down 向下滑 -->
        <div class="main" ng-class='{"slide_left": isslide_left,"slide_down": mainslide_down}' id='showBottom' style='height: 100%;overflow: auto;'>
            <div class="left">
                <h3>
                    免息贷还款
                    <span class="close_btn" ng-click="closePayType()"></span>
                </h3>
                <div class="wrap">
                    <div class="pay_type">
                    	<input class="rpt_amt" type="text" placeholder="请输入本次还款的金额" ng-model="payAmt" style='text-align:center;'>
                        <h5>选择支付方式</h5>
                        <ul>
                            <!-- 加上 slt 显示选中效果 -->
                            <li ng-class='{"slt": aliShow}' ng-click="selectPayMode('支付宝')">
                                <div class="alipay">使用支付宝支付</div>
                            </li>
                            <li ng-class='{"slt": weiShow}' ng-click="selectPayMode('微信')">
                                <div class="wechatpay">使用微信支付</div>
                            </li>
                            <li ng-class='{"slt": otherShow}' ng-click="selectPayMode('其它')">
                                <div class="otherpay">其他支付方式</div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="sbt_bt_component" ng-click="confirmPay()">
                    <div>确认支付</div>
                </div>
            </div>
            <div class="right">
                <h3>
                    	已还款信息
                    <span class="close_btn" ng-click="closeLine()"></span>
                </h3>
                <div class="wrap">
                    <p class="tip">
                       	 线下支付，请将钱款汇入以下帐号。
                        <br>
                       	 请妥善保管好您的汇款凭证，以备查询。
                    </p>
                    <div class="act_info">
                        <div>
                            <h6>公司名称：</h6>
                            <p>赢火虫金融信息服务(上海)有限公司</p>
                        </div>
                        <div>
                            <h6>开户银行：</h6>
                            <p>中国工商银行 松江钢材城支行</p>
                        </div>
                        <div>
                            <h6>银行帐号：</h6>
                            <p class="card_no">1001 7341 0900 0121 196</p>
                        </div>
                    </div>
                    <div class="form_component">
                        <label class="border">还款方式</label>
                        <div class="ipt_area">
                            <div class="wrapper one">
                                <select disabled="disabled">
                                    <option>转账或汇款</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form_component">
                        <label>汇款金额</label>
                        <div class="ipt_area">
                            <input class="placeholder_text_999999" type="number" placeholder="输入已汇款金额" ng-model="remitAmt">
                        </div>
                    </div>
                    <div class="form_component">
                        <label>汇款姓名</label>
                        <div class="ipt_area">
                            <input class="placeholder_text_999999" type="text" placeholder="输入汇款人姓名" ng-model="remitName">
                        </div>
                    </div>
                    <div class="form_component">
                        <label class="serial_no">汇款时间</label>
                        <div class="ipt_area">
                            <input class="placeholder_text_999999" type="text" placeholder="格式:20161231" ng-model="rmitDate">
                        </div>
                    </div>
                </div>
                <div class="sbt_bt_component" ng-click="confirmLine()">
                    <div>确认提交</div>
                </div>
            </div>
        </div>
        <!-- 加上 slide_down 向下滑出 -->
        <div class="pay_cfm_pal" ng-class='{"slide_down": isslide_down}'>
            <h4>
                待确认还款
                <span class="close_btn" ng-click="closeComInfo()"></span>
            </h4>
            <div class="info">
                <div class="line1">
                    <span>还款提交时间：</span>
                    <span ng-bind="payDate | formatDate">2016-02-25</span>
                </div>
                <div>
                    <span>还款方式：</span>
                    <span ng-bind="payTypeName">微信支付</span>
                </div>
                <div>
                    <span>还款金额：</span>
                    <span class="amt" ng-bind="payMoney | number:2">2000</span>
                    <span>元</span>
                </div>
                <div>
                    <span>还款状态：</span>
                    <span>待确认</span>
                </div>
                <button ng-click="knowGoPay()">我知道了</button>
            </div>
        </div>
    </div>
</div>